<template>
<!--  组件的结构-->
  <div class="student">
    <h1>{{msg}}</h1>
    <h2>  学生姓名：{{name}}</h2>
    <h2>  学生性别：{{sex}}</h2>
    <button @click="sendStudentName">把学生名发送给学校</button>
  </div>
</template>
<!-- 组件交互的代码-->
<script>
import pubsub from 'pubsub-js'
//默认暴露
 export default{
   name:'Student',
   data(){
     return{
       name:'小王帅帅帅帅啊',
       sex:'男',
       msg:'欢迎学习Vue',
     }
   },
   methods:{
     sendStudentName(){
      // this.$bus.$emit('hello',this.name)
       pubsub.publish('hello',66)
     }
   }
 }
</script>
<!--组件的样式-->
<style scoped>
.student{
  background-color: orange;
  padding: 5px;
  margin-top: 30px;
}
</style>